<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>首页</title>
	<style type="text/css">
	ul{
		list-style-type: none;

	}
	li{
		float: left;
		font-size: 12px;
		color: #ffffff; 
		margin-top: 10px;
		margin-left: 60px;
	}
    *{
    	margin: 0px;
    	padding: 0px;
    }

     #main{
     	background: #2D8DE2;
     	height: 38px;
     }
     #left_div{
       float: left;
       margin-left: 200px;
     }
     #right_div{
      float: right;
      margin-right: 200px;


     }
	</style>
</head>
<body>
<div id="main">
  <div id="left_div">
   <ul>
     <li>QQ</li>
      <li>微信</li>
       <li>陌陌</li>

   </ul>
  </div>
   <div id="right_div">

<ul>
     <li>登录&nbsp|</li>
      <li>注册&nbsp|</li>
       <li>中心&nbsp|</li>

   </ul>

   </div>

</div>

</body>
</html>